import React from 'react'
import{Divider} from 'antd'
import Agg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/xiaoxishangmian'
import Bgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/dakapian'
import Cgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/lansedakapian'
import Dgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/dierge'
import Egg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/di3'
import Fgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/di4'
import Hgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/di5'
import Mgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/di6'
import Pgg from '../layout/componemts/liang_compomnets/xiaoxi_commoments/di6zhe'
import Radar from '../layout/componemts/liang_compomnets/xiaoxi_commoments/leida'
import './index.scss'
function message_logging() {
  return (
    <div className='toutou'>
           <Divider orientation="center"><h1>各城市数据统计及消费情况</h1></Divider>
        <div className='topxiazi' >
            <Agg></Agg> 
            {/* 组件 */}
            <Radar></Radar>
        </div>
       
    <div className='xiadahezi'>
        
    <div className='zuobian11'>
       <div className='bo1'>
        <Bgg></Bgg>
        <Cgg></Cgg>
        <Dgg></Dgg>
        </div>
        <div className='bo2'>
            <Egg></Egg>
            <Fgg></Fgg>
            <Hgg></Hgg>
            <Mgg></Mgg>
        </div>
    </div>
       
        <div className='youbiangg'>
            <Pgg></Pgg>
        </div>
    </div>
        
    </div>
  )
}

export default message_logging